```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>任务管理面板</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            color: #333;
            background-color: #f5f5f5;
        }
        .container {
            max-width: 1920px;
            margin: 0 auto;
            padding: 20px;
        }
        .search-panel {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        .search-panel select, .search-panel input {
            margin-right: 10px;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .search-panel button {
            padding: 5px 10px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .task-table {
            width: 100%;
            border-collapse: collapse;
        }
        .task-table th, .task-table td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        .task-table th {
            background-color: #f2f2f2;
        }
        .pagination {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }
        .pagination a {
            margin: 0 5px;
            padding: 5px 10px;
            background-color: #007bff;
            color: white;
            border-radius: 4px;
            text-decoration: none;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Layout">
        <div class="search-panel" data-antd-component="Row">
            <div data-antd-component="Col">
                <label for="panel">面板:</label>
                <select id="panel" data-antd-component="Select" data-antd-props='{"placeholder":"请选择"}'>
                    <option value="开发板">开发板</option>
                    <!-- 更多选项 -->
                </select>
                <br>
                <label for="project">项目/泳道/迭代:</label>
                <input type="text" id="project" placeholder="请输入" data-antd-component="Input">
                <br>
                <label for="name">名称/编号:</label>
                <input type="text" id="name" placeholder="请输入" data-antd-component="Input">
                <br>
                <label for="tags">标签:</label>
                <select id="tags" data-antd-component="Select" data-antd-props='{"placeholder":"请选择"}'>
                    <option value="">请选择</option>
                    <!-- 更多选项 -->
                </select>
                <br>
                <label for="assignee">任务卡经办人:</label>
                <input type="text" id="assignee" placeholder="请输入关键字搜索" data-antd-component="Input.Search">
            </div>
            <div data-antd-component="Col">
                <button data-antd-component="Button" data-antd-props='{"type":"default"}'>重置</button>
                <button data-antd-component="Button" data-antd-props='{"type":"primary"}'>搜索</button>
            </div>
        </div>
        <table class="task-table" data-antd-component="Table" data-antd-props='{"columns":[{"title":"编号","dataIndex":"id"},{"title":"任务卡名称","dataIndex":"name"},{"title":"经办人","dataIndex":"assignee"},{"title":"优先级","dataIndex":"priority"},{"title":"所在列","dataIndex":"column"},{"title":"进度","dataIndex":"progress"},{"title":"报工工时","dataIndex":"hours"},{"title":"创建时间","dataIndex":"createdAt"},{"title":"计划开始时间","dataIndex":"startDate"},{"title":"计划完成时间","dataIndex":"endDate"}]}'>
            <thead>
                <tr>
                    <th>编号</th>
                    <th>任务卡名称</th>
                    <th>经办人</th>
                    <th>优先级</th>
                    <th>所在列</th>
                    <th>进度</th>
                    <th>报工工时</th>
                    <th>创建时间</th>
                    <th>计划开始时间</th>
                    <th>计划完成时间</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Z991749-7084</td>
                    <td>支持自动化规则配置能力</td>
                    <td></td>
                    <td>中</td>
                    <td>Backlog</td>
                    <td></td>
                    <td></td>
                    <td>2025-04-03 17:43:27</td>
                    <td></td>
                    <td></td>
                </tr>
                <!-- 更多行 -->
            </tbody>
        </table>
        <div class="pagination" data-antd-component="Pagination">
            <a href="#" data-antd-component="Pagination.Prev">上一页</a>
            <a href="#" data-antd-component="Pagination.Next">下一页</a>
        </div>
    </div>
</body>
</html>
```